<template>
  <div>
    <nav-layout :layout="layout"></nav-layout>
    <model-number-view v-if="layout.indexof === 0"></model-number-view>
    <seller-view v-else-if="layout.indexof === 1"></seller-view>
    <sku-view v-else></sku-view>
  </div>
</template>
<script>
import navLayout from "@/views/NavLayout";
import modelNumberView from "./ModelNumberView";
import sellerView from "./SellerView";
import skuView from "./SkuView";
export default {
  data() {
    return {
      layout: {
        nav: ["产品型号汇总", "账号汇总", "SKU汇总"],
        indexof: 0
      }
    };
  },
  components: {
    modelNumberView,
    sellerView,
    skuView,
    navLayout
  }
};
</script>